<template>
    <div class="gogngao_info_wp">
        <div class="nav_title">
            <span>公告消息</span>
            <i class="iconfonMy icon-guanbi1" @click="ipcRenderer.send('send-gongggaoinfo')"></i>
        </div>
        <div class="body">
            <div class="title">{{gonggaoInfo.title}}</div>
            <p class="conent" v-html="gonggaoInfo.content"></p>
        </div>
    </div>
</template>

<script setup>
import {ref} from 'vue'
const { ipcRenderer } = require('electron');

const gonggaoInfo=ref({})
ipcRenderer.on('send-gongggaoinfo-url',async (e,v)=>{
    gonggaoInfo.value =JSON.parse(v)
})

</script>

<style scoped lang="less">
.gogngao_info_wp{
    background-color: #f0f0f0;
    color: #000;
    height: 100%;
    width:100%;
    .nav_title{
        background-color: #d5d8e6;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 20px;
        padding-left:5px;
        -webkit-app-region: drag;
        .icon-guanbi1{
            width: 20px;
            -webkit-app-region: no-drag;
        }
    }
    .body{
        padding:10px 20px;
        .title{
            text-align: center;
            font-size: 18px;
        }
        .conent{
            text-indent:4px;
        }
    }
}
</style>
